<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	
	<ui:composition template="/template/templates.xhtml">
			<ui:define name="pageTitle">Clientes</ui:define>
			<ui:define name="pageHeader">Cadastro de Clientes</ui:define>
			<ui:define name="body">
				<h:form id="edicao">
				<h:messages />
				  <h:panelGrid>
				     <h:outputLabel value="Nome" />
				     <h:inputText value="#{clienteBean.clienteSelecionado.nome}" /> 
				      
				     <h:outputLabel value="CPF" />
				     <h:inputText value="#{clienteBean.clienteSelecionado.cpf}" >
				     <f:validator validatorId="cpf"/>
				     </h:inputText> 
				      
				     <h:outputLabel value="Email" />
				     <h:inputText value="#{clienteBean.clienteSelecionado.email}" /> 
				     
				     <h:outputLabel value="Endereco" />
				     <h:inputText value="#{clienteBean.clienteSelecionado.endereco}" /> 
				     
				      <h:outputLabel value="Renda" />
				     <h:inputText value="#{clienteBean.clienteSelecionado.renda}" > 
				     <f:convertNumber minFractionDigits="2"/>
				      </h:inputText> 
				     
				     <h:commandButton action="#{clienteBean.salvar}" value="salvar" /> 
				      
				  </h:panelGrid>
				
				</h:form>
				
				<h:form id="lista">
				
				   <h:dataTable value="#{clienteBean.lista }" var="cliente" border="1">
				   
				       <f:facet name="header">Listagem de Clientes</f:facet>
				        <h:column>
				          <f:facet name="header" >Nome</f:facet>
				          #{cliente.nome}
				        </h:column>
				   
				        <h:column>
				          <f:facet name="header" >CPF</f:facet>
				          #{cliente.cpf}
				        </h:column>
				          
				          
				        <h:column>
				          <f:facet name="header" >Email</f:facet>
				          #{cliente.email}
				        </h:column>
				          
				   
				        <h:column>
				          <f:facet name="header" >Endereco</f:facet>
				          #{cliente.endereco}
				        </h:column>
				       
				       <h:column>
				          <f:facet name="header" >Renda</f:facet>
				         <h:inputText value="#{cliente.renda}" >
				         <f:convertNumber currencyCode =  "BRL" type="currency"/>				      
				         
				        </h:inputText> 
				         				          
				        </h:column>
				     
				     
				       <h:column>
				          <f:facet name="header" >Data</f:facet>
				          <h:outputText value="#{cliente.dataCadastro}">
				          <f:convertDateTime dateStyle="medium"/>
				        </h:outputText>
				        </h:column>
				   
				   </h:dataTable>
				
				
				
				</h:form>
			</ui:define>
	</ui:composition>

</html>